<template>
  <div style="margin:20px;margin-right: 0;">
    <router-link to="/projectClass/Automotive" style="display: block;margin: 2px;">
      <el-button round style="padding: 12px auto;width: 200px;background-color: #efefef;border: none;">Automotive</el-button>
    </router-link>
    <router-link to="/projectClass/IoT" style="display: block;margin: 2px;">
      <el-button round style="padding: 12px auto;width: 200px;background-color: #efefef;border: none;">IoT</el-button>
    </router-link>
    <router-link to="/projectClass/Industry" style="display: block;margin: 2px;">
      <el-button round style="padding: 12px auto;width: 200px;background-color: #efefef;border: none;">Industry</el-button>
    </router-link>
    <router-link to="/projectClass/Consumer" style="display: block;margin: 2px;">
      <el-button round style="padding: 12px auto;width: 200px;background-color: #efefef;border: none;">Consumer</el-button>
    </router-link>
  </div>
</template>

<script>
  export default {
    data() {
      return {};
    }
  };
</script>

<style scoped>
  .router-link {
    display: block;
    margin: 20px;
    width: 50px;
  }
  
  .shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 204, 204, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 204, 204, .5);
    box-shadow: 0 0 10px rgba(0, 204, 204, .5);
  }
</style>
